<style type="text/css">
  .login {
    text-align: center;
  }
  @media screen and (min-height:480px) and (max-height:599px){
    .logo{
      height: 61px;
    }
    .xnhb{
      height: 20px;
    }
  }
  @media screen and (min-height:600px) and (max-height:670px){
    .logo{
      height:72px;
    }
    .xnhb{
      height: 23px;
    }
  }
  @media screen and (min-height:671px) and (max-height:740px){
    .logo{
      height:79px;
    }
    .xnhb{
      height: 26px;
    }
  }
  .file {
    position: relative;
    display: inline-block;
    background: #D0EEFF;
    border: 1px solid #99D3F5;
    border-radius: 4px;
    padding: 4px 12px;
    overflow: hidden;
    color: #1E88C7;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
  }
  .file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
  }
  .file:hover {
    background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
    text-decoration: none;
  }
</style>
<ion-view cache-view="false" hide-nav-bar="true">
  <ion-content style="background-color: #F6F6F6;">

    <div class="login">
      <img class="logo" src="img/icon/logo.png" style="width: 15%;margin-top: 20%">
    </div>

    <div class="login">
      <img class="xnhb" src="img/icon/xnhb.png" style="width: 26%;margin-bottom: 10%">
    </div>

    <div class="list" id="notLogin">

      <label class="item item-input" style="background-color: #fff;border: 0px solid #fff;height: 60px;">
        <i style="line-height: initial;"><img src="img/icon/user.png" style="width: 45%;height: 16px;"></i>
        <input type="text" id="userCode" type="tel"  placeholder="请输入用户名" ng-model="user.userCode" style="margin-bottom: 3px;">
      </label>
      <label for="time">时间：</label><input id="time" type="datetime-local"/>
      <a href="javascript:;" class="file">选择文件
        <input type="file" accept="image/*" capture="camera" ng-model="zhangFile" ng-change="uploadFile()">
        <span class="fileerrorTip"></span><span class="showFileName"></span>
      </a>

      <div class="div">
      <div class="line">
        <span class="span">
        <input name="" type="text" id="viewfile"
               onmouseout="document.getElementById('upload').style.display='none';"
               class="inputstyle" />
        </span>
        <label for="unload"
               onmouseover="document.getElementById('upload').style.display='block';"
               class="file1">浏览...</label>
        <input type="file"
               onchange="document.getElementById('viewfile').value=this.value;this.style.display='none';"
               class="file" id="upload" />
      </div>
    </div>

      <ion-list>
        <ion-item style="padding: 0 16px 0 16px">
          <input type="text" style="text-align: center" placeholder="选择时间" ion-datetime-picker ng-model="user.datetimeValue" date="true" onfocus="this.blur();"/>
        </ion-item>
      </ion-list>


      <input type="search" placeholder="搜索" zlh-focus="keyboardFLag"
             ng-model="user.searchText">

      <!--<div class="demo">-->
        <!--<p>地理坐标：<span id="latlon"></span></p>-->
        <!--<div class="geo">-->
          <!--<p>百度地图定位位置：</p>-->
          <!--<p id="baidu_geo"></p>-->
        <!--</div>-->
      <!--</div>-->

      <!--<input type="file" accept="image/*" capture="camera">-->
      <!--<input type="file" accept="video/*" capture="camcorder">-->
      <!--<input type="file" accept="audio/*" capture="microphone">-->

      <label class="item item-input"  style="background-color: #fff;border-bottom-color:#fff;height: 60px;">
        <i style="line-height: initial;"><img src="img/icon/password.png" style="width: 45%;height: 16px;"></i>
        <input type="password" placeholder="请输入密码" ng-model="user.password" value="123456" style="margin-bottom: 3px;">
      </label>

      <button class="button button-block button-light" ng-click="login()" style="background-color: #8BDF72;color: #fff;height: 60px;margin-top: 6%;">登录</button>

    </div>
  </ion-content>
</ion-view>
